<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js">
    </script>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/case.css">
    <title>最新案例</title>
</head>

<body>
    <!-- 头部 -->
    <div class="top d-flex justify-content-between align-items-center">
        <div class="top-title">沈阳智杰网络科技有限公司</div>
        <div class="menu-box">
            <div class="d-none d-md-block">
                <ul>
                    <a href="index.html">
                        <li>首页</li>
                    </a>
                    <a href="aboutUs.html">
                        <li>关于我们</li>
                    </a>
                    <a href="network.html">
                        <li>网络开发</li>
                    </a>
                    <a href="extension.html">
                        <li>推广营销</li>
                    </a>
                    <a href="case.html" class="active">
                        <li>最新案例</li>
                    </a>
                    <a href="news.html">
                        <li>行业新闻</li>
                    </a>
                    <a href="contact.html">
                        <li>联系我们</li>
                    </a>
                </ul>
            </div>
            <!-- 手机导航 -->
            <a class="ml-auto phone-menu d-md-none" data-toggle="collapse" href="#collapseExample" role="button"
                aria-expanded="false" aria-controls="collapseExample">
                <svg class="bi bi-list" width="36px" height="28px" viewBox="0 0 16 16" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
                </svg>
            </a>
            <div class="collapse list-box" id="collapseExample">
                <div class="card card-body d-md-none">
                    <div class="top-title phone-card-top">
                        <span>沈阳智杰网络科技有限公司</span>
                        <img src="./images/close_icon.png" alt="" class="close-icon">
                    </div>
                    <ul class="phone-menu-list">
                        <a href="index.html">
                            <li>首页</li>
                        </a>
                        <a href="aboutUs.html">
                            <li>关于我们</li>
                        </a>
                        <a href="network.html">
                            <li>网络开发</li>
                        </a>
                        <a href="extension.html">
                            <li>推广营销</li>
                        </a>
                        <a href="case.html">
                            <li>最新案例</li>
                        </a>
                        <a href="news.html">
                            <li>行业新闻</li>
                        </a>
                        <a href="contact.html">
                            <li>联系我们</li>
                        </a>
                    </ul>
                </div>
            </div>
            <!-------------->
        </div>
    </div>

    <div class="banner-box">
        <img src="./images/case_24.png" alt="">
    </div>

    <div class="case-menu-box">
        <span class="span-menu span-active">小程序</span>
        <span class="span-menu">微信公众号</span>
        <span class="span-menu">网站开发</span>
        <span class="span-menu">APP开发</span>
        <span class="span-menu">推广营销</span>
    </div>

    <!-- PC端案例 -->
    <div class="d-none d-md-block">
        <div class="case-list-box row ml-0 mr-0">
            <div class="col-md-3 case-item col-sm-12">
                <img src="./images/case_25.png" alt="">
                <a href="caseDetail.html">
                    <div class="case-content">
                        <div class="case-text">
                            <div class="case-desc">
                                <p class="fs-20 case-title">名媛汇优品</p>
                                <p>带有分销机制的微商城带有分销机制的微商城</p>
                            </div>
                            <div class="case-right">
                                <img src="./images/case_1.png" alt="">
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 case-item col-sm-12">
                <img src="./images/case_25.png" alt="">
                <a href="#">
                    <div class="case-content">
                        <div class="case-text">
                            <div class="case-desc">
                                <p class="fs-20 case-title">名媛汇优品</p>
                                <p>带有分销机制的微商城</p>
                            </div>
                            <div class="case-right">
                                <img src="./images/case_1.png" alt="">
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 case-item col-sm-12">
                <img src="./images/case_25.png" alt="">
                <a href="#">
                    <div class="case-content">
                        <div class="case-text">
                            <div class="case-desc">
                                <p class="fs-20 case-title">名媛汇优品</p>
                                <p>带有分销机制的微商城</p>
                            </div>
                            <div class="case-right">
                                <img src="./images/case_1.png" alt="">
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 case-item col-sm-12">
                <img src="./images/case_25.png" alt="">
                <a href="#">
                    <div class="case-content">
                        <div class="case-text">
                            <div class="case-desc">
                                <p class="fs-20 case-title">名媛汇优品</p>
                                <p>带有分销机制的微商城</p>
                            </div>
                            <div class="case-right">
                                <img src="./images/case_1.png" alt="">
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 case-item col-sm-12">
                <img src="./images/case_25.png" alt="">
                <a href="#">
                    <div class="case-content">
                        <div class="case-text">
                            <div class="case-desc">
                                <p class="fs-20 case-title">名媛汇优品</p>
                                <p>带有分销机制的微商城</p>
                            </div>
                            <div class="case-right">
                                <img src="./images/case_1.png" alt="">
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 case-item col-sm-12">
                <img src="./images/case_25.png" alt="">
                <a href="#">
                    <div class="case-content">
                        <div class="case-text">
                            <div class="case-desc">
                                <p class="fs-20 case-title">名媛汇优品</p>
                                <p>带有分销机制的微商城</p>
                            </div>
                            <div class="case-right">
                                <img src="./images/case_1.png" alt="">
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="page-box">
                <!-- 分页器 -->
            </div>
        </div>
    </div>

    <!-- 手机案例 -->
    <div class="d-md-none">
        <div class="case-list-box-phone">
            <a href="caseDetail.html">
                <div class="case-item-phone">
                    <img src="./images/case_phone_26.png" alt="">
                    <div class="case-item-content-phone">
                        <p class="case-item-phone-title fs-30 font-bold">名媛汇优品</p>
                        <p class="fs-26">带有分销机制的微商城</p>
                    </div>
                </div>
            </a>
            <a href="caseDetail.html">
                <div class="case-item-phone">
                    <img src="./images/case_phone_26.png" alt="">
                    <div class="case-item-content-phone">
                        <p class="case-item-phone-title fs-30 font-bold">名媛汇优品</p>
                        <p class="fs-26">带有分销机制的微商城</p>
                    </div>
                </div>
            </a>
            <a href="caseDetail.html">
                <div class="case-item-phone">
                    <img src="./images/case_phone_26.png" alt="">
                    <div class="case-item-content-phone">
                        <p class="case-item-phone-title fs-30 font-bold">名媛汇优品</p>
                        <p class="fs-26">带有分销机制的微商城</p>
                    </div>
                </div>
            </a>
            <a href="caseDetail.html">
                <div class="case-item-phone">
                    <img src="./images/case_phone_26.png" alt="">
                    <div class="case-item-content-phone">
                        <p class="case-item-phone-title fs-30 font-bold">名媛汇优品</p>
                        <p class="fs-26">带有分销机制的微商城</p>
                    </div>
                </div>
            </a>
            <a href="caseDetail.html">
                <div class="case-item-phone">
                    <img src="./images/case_phone_26.png" alt="">
                    <div class="case-item-content-phone">
                        <p class="case-item-phone-title fs-30 font-bold">名媛汇优品</p>
                        <p class="fs-26">带有分销机制的微商城</p>
                    </div>
                </div>
            </a>
            <a href="caseDetail.html">
                <div class="case-item-phone">
                    <img src="./images/case_phone_26.png" alt="">
                    <div class="case-item-content-phone">
                        <p class="case-item-phone-title fs-30 font-bold">名媛汇优品</p>
                        <p class="fs-26">带有分销机制的微商城</p>
                    </div>
                </div>
            </a>

            <!-- 分页器 -->
            <div class="page-box">

            </div>
        </div>
    </div>


    <!-- 底部 -->
    <div class="foot d-none d-md-block">
        <div class="foot-content">
            <div class="logo-box">
                <img src="./images/28.png" alt="" class="logo">
                <div class="url-box">
                    <img src="./images/30.png" alt="">
                    <span class="fs-24 color-384">www.syzhijie.com</span>
                </div>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">企业介绍</p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业简介</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业资质</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业文化</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">团队优势</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">战略发展</p>
                <p class="color-666 fs-16 menu-text"><a href="#">战略目标</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">经营战略</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">技术创新</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">服务体系</p>
                <p class="color-666 fs-16 menu-text"><a href="#">服务对象</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">工作流程</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">技术支持</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">售后保障</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">服务理念</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">经典案例</p>
                <p class="color-666 fs-16 menu-text"><a href="#">小程序开发</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">公众号二开</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">APP开发</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">网站搭建</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">推广营销</a></p>
            </div>
            <div class="qr-box">
                <img src="./images/31.png" alt="">
                <span class="fs-16 color-666">做最牛的软件开发</span>
            </div>
        </div>
        <div class="foot-bottom">
            <span class="fs-14 color-999">辽ICP备18000989号-1 Designed by ZhiJie</span>
        </div>
    </div>

    <!-- 手机底部 -->
    <div class="foot-phone d-md-none">
        <div class="accordion" id="accordionExample">
            <div class="card">
                <div class="card-header" id="headingOne">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left" type="button" data-toggle="collapse"
                            data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            企业介绍
                            <span>+</span>
                        </button>
                    </h2>
                </div>

                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>企业简介</li>
                            </a>
                            <a href="#">
                                <li>企业资质</li>
                            </a>
                            <a href="#">
                                <li>企业文化</li>
                            </a>
                            <a href="#">
                                <li>团队优势</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingTwo">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            战略发展
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>战略目标</li>
                            </a>
                            <a href="#">
                                <li>经营战略</li>
                            </a>
                            <a href="#">
                                <li>技术创新</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingThree">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            服务体系
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>服务对象</li>
                            </a>
                            <a href="#">
                                <li>工作流程</li>
                            </a>
                            <a href="#">
                                <li>技术支持</li>
                            </a>
                            <a href="#">
                                <li>售后保障</li>
                            </a>
                            <a href="#">
                                <li>服务理念</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingFour">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                            经典案例
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>小程序开发</li>
                            </a>
                            <a href="#">
                                <li>公众号二开</li>
                            </a>
                            <a href="#">
                                <li>APP开发</li>
                            </a>
                            <a href="#">
                                <li>网站搭建</li>
                            </a>
                            <a href="#">
                                <li>推广营销</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot-bottom text-center">
            <span class="fs-20 color-999">辽ICP备18000989号-1 Designed by ZhiJie</span>
        </div>
    </div>


    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script>
        $('.span-menu').hover(function () {
            $('.span-menu').removeClass('span-active')
            $(this).addClass('span-active')
        })
        $('.span-menu').click(function () {
            $('.span-menu').removeClass('span-active')
            $(this).addClass('span-active')
        })

        $('.case-text').hover(function () {
                $(this).css('background', 'linear-gradient(0deg, rgba(3, 0, 0, 0.59) 1%, rgba(0, 0, 0, 0.1) 100%)')
            },
            function () {
                $(this).css('background',
                    'linear-gradient(0deg, rgba(3, 0, 0, 0.59) 1%, rgba(255, 255, 255, 0) 100%)')
            }
        )

        $('#collapseExample').on('show.bs.collapse', function () {
            $('html body').addClass('noMove')
        })

        $('.close-icon').click(function () {
            $('#collapseExample').collapse('hide')
            $('html body').removeClass('noMove')
        })
    </script>
</body>

</html>